module.exports = {
    entry: __dirname + "/src/main.js", //唯一入口文件
    output: {
        path: __dirname + "/dist", //打包后的文件存放的地方供src引入加载
        filename: "bundle.js" //打包后输出文件的文件名
    },
    devtool: 'source-map',
    devServer: {
        contentBase: "./dist", //本地服务器所加载的页面所在的目录
        host: 'localhost',
        open: true, //打开浏览器
        port: 9000 //端口
    },
    module: {　　
        rules: [{
            test: /\.js$/,
            use: ['babel-loader'],
            exclude: /node_modules/, //解析时排除的文件夹（node_modules里面也有很多js，但需要排除）
        }, {
            test: /\.scss$/,
            use: [
                'style-loader',
                {
                    loader: 'css-loader',
                    options: {
                        modules: true, //增加css模块化支持,默认 [hash:base64]生成随机字符串
                        localIdentName: '[local]--[hash:base64:5]', //自定义命名规范：类名+5位随机字符串
                    }
                },
                'sass-loader'
            ],
        }, {
            test: /\.css$/,
            use: ['style-loader', 'css-loader']
        }, {
            test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svg|svgz)(\?.+)?$/,
            use: [{
              loader: 'url-loader',
              options: {
                limit: 10000
              }
            }]
          }]
    },
}